<template>
    <div class="pop-view">
        <div class="panel">
            <div class="header">
                <div class="title">{{title}}</div>
                <div class="close" @click="onClose"></div>
            </div>
            <slot name="content"></slot>
            <div class="btns">
                <div class="btn cancel" @click="onCancel">取消</div>
                <div class="btn sure" @click="onSure">确定</div>
            </div>
        </div>
    </div>
</template>
<script>

export default {
    props: {
        title: String,
        tip: String,
        mult: Boolean,
        word: String
    },
    data() {
        return {
            
        }
    },
    methods: {
        onClose() {
            this.$emit("close");
        },
        onCancel(){
            this.$emit("cancel");
        },
        onSure(){
            this.$emit("sure");
        }
    },
}
</script>

<style lang="less" scoped>
@import url(./index.less);
</style>